<template>
  <el-container>
    <el-header>
      <topmenu :list="list"></topmenu>
    </el-header>
    <el-container class="main_jg main_zj">
      <el-aside width="2.5rem" style="overflow: visible">
        <navmenu :list="navlist"></navmenu>
        <div class="jgtcdl" @click="exit()">退出登录</div>
      </el-aside>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
    <el-footer>
      <foot></foot>
    </el-footer>
  </el-container>
</template>
  
  <script>
import mainmenu from "../../components/menu.vue";
import topmenu from "../../components/topmenu copy.vue";
import foot from "../../components/foot.vue";
import { mapState, mapMutations } from "vuex";
export default {
  components: {
    topmenu: topmenu,
    navmenu: mainmenu,
    foot: foot,
  },

  data() {
    return {
      list: [],
    };
  },
  computed: {
    ...mapState({
      navlist: (state) => state.zjmenulist,
    }),
  },
  mounted() {},
  methods: {
    ...mapMutations(["bgcontentlist", "setselectshow", "setenddata"]),

    exit() {
      let res = {
        code: 1,
        msg: "您确定要退出吗？",
      };
      this.$self.ts(res, 2).then(() => {
        // console.log(121212)
        // localStorage.clear();
        localStorage.removeItem("jgtoken");
        localStorage.removeItem("grtoken");
        localStorage.removeItem("zjtoken");
        localStorage.removeItem("info");
        let bgcontentlist = {};
        this.bgcontentlist(bgcontentlist);
        let setselectshow = 0;
        this.setselectshow(setselectshow);
        let setenddata = "";
        this.setenddata(setenddata);
        this.$router.push({ path: "/login" });
      });
    },
    //  ==
  },
};
</script>
  <style>
.el-header {
  margin: 0%;
  padding: 0;
  height: auto !important;
  width: auto;
}

.el-card__body,
.el-main {
  margin: 0%;
  padding: 0%;
  min-height: calc(100vh - 7.69rem);
  overflow: hidden;
}

.main_jg {
  width: 17.6625rem;
  margin: 0.375rem auto 0.8rem;
}
/* 退出按钮 */
.jgtcdl {
  width: 2.45rem;
  height: 0.5rem;
  background: #ffffff;
  border: 1px solid #1954a4;
  font-size: 0.225rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #1954a4;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.15rem;
  cursor: pointer;
}
.jgtcdl:hover {
  background-color: #1954a4;
  color: #ffffff;
}
/* 表格 */
.table_box_hy {
  margin-left: 0.625rem;
}
.table_box_hy .el-table__header thead th {
  background-color: #1954a4 !important;
  height: 0.2125rem;
  font-size: 0.2rem;

  font-weight: 400;
  color: #ffffff;
  text-align: center;
}
.table_box_hy .el-table__body-wrapper tbody td {
  text-align: center;
}
.table_box_hy .el-table__body-wrapper tbody button {
  color: #1954a4;
}
.pagination_hy {
  margin: 3% auto 1%;
  text-align: center;
}
.pagination_hy .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #1954a4;
}
.nr {
  overflow-wrap: break-word;
  min-height: 1.5875rem;
  font-size: 0.2rem;
  font-weight: 400;
  color: #333333;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0.375rem;
}
.el-descriptions-item__label,
.el-descriptions-item__content {
  font-size: 0.2rem !important;
  color: #333 !important;
}
.el-input__inner,
.el-input-group__prepend {
  font-size: 0.2rem !important;
  color: #333 !important;
}
/* .main_zj .title_bj_box{
  height: 1.4rem !important;
} */
</style>
  